<template>
  <div>
    <h1 style="text-align: center">所有的图片标签</h1>

    <el-container style="width: 100%">
      <el-col :span="2"></el-col>
      <el-col :span="20">
        <el-row>
          <el-col :span="2"></el-col>
          <div
            v-for="(item, index) in petPictureArray"
            :key="index"
            style="float: left"
          >
            <ImageCard
              :pic="item.pic"
              :total="item.total"
            />
          </div>
          <el-col :span="2"></el-col>
        </el-row>
      </el-col>
      <el-col :span="2"></el-col>
    </el-container>
  </div>
</template>

<script>
import pictureApi from "@/api/picture";
import ImageCard from "@/components/ImageCard.vue";
export default {
  components: { ImageCard },
  data() {
    return {
      // 图片数组
      petPictureArray: [],
    };
  },
  mounted() {
    pictureApi.queryPicTag().then((resp) => {
      this.petPictureArray = resp.data;
    });
  },
  methods:{
    
  }
};
</script>

<style>

</style>